<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
    <body>
        <wicket:panel>
            <div class="card">
                <div class="card text-center" role="tab" id="previewGradesHeader">
                    <h3 class="panel-title">
                        <a role="button" data-bs-toggle="collapse" href="#previewGrades" aria-expanded="false" aria-controls="previewGrades">
                            <wicket:message wicket:id="previewGradesHeader">Preview Grades for '{0}'</wicket:message>
                        </a>
                    </h3>
                </div>
                <div wicket:id="previewGradesPanel" id="previewGrades" class="panel-collapse collapse" role="tabpanel" aria-labelledby="previewGradesHeader">
                    <div class="card-body">
                        <div wicket:id="previewGradesContainer" class="previewGradesContainer">
                            <table class="table table-striped table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>
                                            <wicket:message key="importExport.selection.previewGrades.studentID.heading">Student ID</wicket:message>
                                        </th>
                                        <th>
                                            <wicket:message key="importExport.selection.previewGrades.studentName.heading">Student Name</wicket:message>
                                        </th>
                                        <th>
                                            <wicket:message key="importExport.selection.previewGrades.grade.heading">Grade</wicket:message>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr wicket:id="previewGrades">
                                        <td>
                                            <span wicket:id="studentID">student0001</span>
                                        </td>
                                        <td>
                                            <span wicket:id="studentName">firstName lastName</span>
                                        </td>
                                        <td>
                                            <span wicket:id="studentGrade">85</span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </wicket:panel>
    </body>
</html>
